<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=320" />
<title>LeProphete.CA</title>
<link rel="stylesheet" href="../css/orbit.css">
<link id="theme" rel="stylesheet" href="../css/pt.css" type="text/css">

<!--[if IE]>
     <style type="text/css">
         .timer { display: none !important; }
         div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
    </style>
<![endif]-->


<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.orbit.js"></script>
<script type="text/javascript">

function querystring(key) {
   var re=new RegExp('(?:\\?|&)'+key+'=(.*?)(?=&|$)','gi');
   var r=[], m;
   while ((m=re.exec(document.location.search)) != null) r.push(m[1]);
   return r;
}

var pages = [
             {page: 'page0.html', selected: 0},
             {page: 'page1.html', selected: 1},
             {page: 'page2.html', selected: 2},
             {page: 'page3.html', selected: 3},
             {page: 'page4.html', selected: 4},
             {page: 'page5.html', selected: 5},
             {page: 'contact.html', selected: 0},
             {page: 'sitemap.html', selected: 0},
             {page: 'affiliates.html', selected: 0},
             {page: 'languages.html', selected: 0},
             {page: 'register.html', selected: 0}
             ];

$(window).load(function() {
	$('#small-roller').orbit(
		{
			animationSpeed: 1500,
			bullets: false,
			advanceSpeed: 8000
		}		
	);
	
    var page = parseInt(querystring('p'));
    if(isNaN(page)) {
    	page = 0; 
    }

    if(page >= pages.length)
    	page = 0;
    
	var target = pages[page];
	
	$.ajax({
	    url: target.page,
	    dataType: 'html',
	    cache: false,
	    success: function(html) {
	        
	        $('.main-content').removeClass('loading');
	        $('.main-content').html(html);
	        
	        if(target.selected > 0)
	        	$('.side-menu a:nth-child(' + target.selected + ')').addClass('selected');
	        
		       $('.lang a').attr('href', '../en/pt.html?p=' + page);
	        
	    }
	});
	
});

function test() {
	$(".design").toggleClass("hide");
}
</script>
</head>
<body>
	<div class="line1">
		<div class="item1">
			<a href="./Home.html">
				<img alt="" src="../img/lelogo.png"/>
			</a>
		</div>
		<div class="item2">
			<div class="theme">
				<a href="#" class="dark" onclick="$('#theme').attr('href', '../css/pt.css')">a</a><a href="#" class="light" onclick="$('#theme').attr('href', '../css/pt-dark.css')">a</a>
			</div>
			<div class="lang">
				fr | <a href="../en/Home.html" >en</a>
			</div>
		</div>
		<div class="item3">
			<a href="Home.html">maison</a>
		</div>
		<div class="item4">
			<a href="pt.html?p=6">contacter</a>
		</div>
	</div>
	<div class="main-content loading">
		
	</div>
	<div class="side-menu">
		<div class="item2">
			<a href="pt.html?p=1">Muhammad<sup>sa</sup></a>
			<a href="pt.html?p=2">Ahmad<sup>as</sup></a>
			<a href="pt.html?p=3">Khalifa<sup>aba</sup></a>
			<a href="pt.html?p=4">AMJ</a> 
			<a href="pt.html?p=5" class="distinct">Nous Recommander</a>
		</div>
	</div>
	<div class="info item2">
		<div class="outer-content">
			<div class="content">
				<div class="big-heading">
					<a href="./pt.html?p=10">RSVP</a>
				</div>
				<div>Métropolis</div>
				<div>
					20 Décembre 2012
				</div>
				<div>18h20 - 20h30</div>
				<div>
					Inscrivez-vous <a href="pt.html?p=10">MAINTENANT</a> pour
				</div>
				<div>*Entrée libre</div>
				<div>*Stationnement gratuit limité</div>
			</div>
			<div class="heading">L'événement</div>
			<div class="info-links">
				<a href="pt.html?p=10">20/12/12</a>
			</div>
		</div>
	</div>
	<div class="info item3">
		<div class="outer-content">
			<div id="small-roller">
				<div class="content">
					<div>
						<div class="small-heading">Karen Armstrong</div>
						<div>Si nous pouvions voir Mohammad comme nous le faisons pour tout 
					autre personnage historique important, nous le considérerions 
					certainement comme l'un des plus grands génies que le monde ait 
					jamais connus.</div>
						<br> 
						<div>[Muhammad – A Biography of the Prophet]</div>
					</div>
				</div>
				<div class="content">
					<div>
						<div class="small-heading">Montgomery Watt</div>
						<div>Plus on réfléchit sur  l’histoire de Mohammad et sur 
					le début de l’Islam, plus on est stupéfié de l’immensité 
					de ses accomplissements… étudier sa vie peut contribuer à une nouvelle 
					évaluation et appréciation de l'un des plus grands fils d’Adam. </div>
						<br> <br>
						<div>[Muhammad at Madinah]</div>
					</div>
				</div>
				<div class="content">
					<div>
						<div class="small-heading">Michael H. Hart</div>
						<div>…Il fut l’unique homme de l’histoire qui eut des succès 
					phénoménauxdans les domaines religieux et séculier.</div>
						<br> 
						<div>[The 100: A Ranking of the Most Influential Persons in History] </div>
					</div>
				</div>
			</div>
			<div class="heading">La Citation</div>
			<div class="info-links">
				<a href="#" onclick="$('.info.item3 .orbit-wrapper .left').click();return false;">Pré</a> | <a href="#" onclick="$('.info.item3 .orbit-wrapper .right').click();return false;">Suivant</a>
			</div>
		</div>
	</div>
	<div class="info item1">
		<div class="outer-content">
			<div class="content">
				<div class="small-heading">La vie de Muhammad</div>
				<img src="../img/book1.png" />
				La vie du Saint Prophète, paix soit sur lui, était une vie de grand succès. Le Prophète est né à La Mecque en 570 après JC Août. On lui a donné le nom, ce qui signifie que Muhammad, le loué. . 

			</div>
			<div class="heading">Le Livre</div>
			<div class="info-links">
				<a href="#">pdf</a> | <a href="#">mp3</a>
			</div>
		</div>
	</div>
	<div class="footer">
		<a href="pt.html?p=6">Contacter</a> | 
		<a href="pt.html?p=7">Plan du site</a> | 
		<a href="pt.html?p=8">Sites Affiliés</a> | 
		<a href="pt.html?p=9">Langues</a> | 
		<a href="http://www.alislam.org/twitter">Twitter</a> | 
		<a href="http://www.alislam.org/facebook">Facebook</a> | 
		<a href="http://www.alislam.org/google-plus">Google+</a>
		<br >
		<div>Copyright © en 2012 Ahmadiyya Muslim Community. Tous droits réservés.</div> 
	</div>
</body>
</html>